<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>贷款购车</title>

	<!-- 公共样式  -->
	<inline src="include-html/head-css.html" />
	<!-- 依赖外部样式 -->
	<link rel="stylesheet" href="css/components/title.css" media="screen" />
	<link rel="stylesheet" href="css/components/crumbs.css" media="screen" />
	<link rel="stylesheet" href="css/components/imageBulletin.css" media="screen" />
	<!-- 本页面样式 -->
	<link rel="stylesheet" href="css/pages/onlinefinance/loan/finance.css" media="screen" />
	
</head>
<body>
	<inline src="include-html/header.html" />
	<!-- begin | nav -->
    <div class="wrapper bread">
        <div class="title-blue crumbs-nav">
            <a href="javascript:void(0)">车享商城</a>
            <i class="crumbs-arrow">&gt;</i>
            <a href="javascript:void(0)">贷款购车</a>
            <i class="crumbs-arrow">&gt;</i>
            <a href="javascript:void(0)">贷款定制</a>
        </div>
    </div>
    <!-- end | nav -->
	
	<!-- start | 返回贷款额度 -->
    <div class="wrapper filter-block">

	<div class="one_column_layout test_finance_result white_background grey_up_down_border">
		<div class="one_column_content">
			<!-- 测测我能贷多少 -->
			<div id="register" class="hidden"></div>
			<!-- 显示额度开始 -->
			<input type="hidden" value="" id="pcautoCanalCode">
			<div class="show_test_result success">
			    <div class="three_steps">
					<p class="font_heading_one">贷款额度申领</p>
				</div>	
				<div class="left_show_descr">
					<div class="step_1_title">
						<span class="font_heading_one">您的贷款权益生成啦</span>
					</div>
					<div class="right_show_finance_answers_finance_result">
						<div class="finance_result_head clearfix">
							<h3 class="title">好车e贷</h3><i class="icon_title"></i>
							<div class="support-brand">支持品牌：
								<img alt="上汽大众" src="images/onlinefinance/loan/brand/b-volkswagen.png" />
								<img alt="斯柯达" src="images/onlinefinance/loan/brand/b-skoda.png" />
								<img alt="荣威" src="images/onlinefinance/loan/brand/b-roewe.png" />
								<img alt="MG" src="images/onlinefinance/loan/brand/b-mg.png" />
								<img alt="上汽大通" src="images/onlinefinance/loan/brand/b-MAXUS.png" />
							</div>
						</div>
						<div class="get_loan_vouchers clearfix">
							<div class="get_long_card">
								<div class="left_loan_vochers get_quota">
									<p class="font_heading_two white">可贷额度(元)</p>
									<span id="finance_test_result" class="ccode_ma_show white">421,038</span>
								</div>
								<div class="center_loan_line"></div>
								<div class="right_loan_vochers">
									<span class="font_heading_two white">购车最低首付</span>
									<p><span class="ccode_ma_show white">25</span><span class="white font_heading_one">%</span></p>
								</div>
							</div>
							<div class="icon_logo_loan"></div>
							<div class="icon_label_loan"></div>
						</div>
						<div class="right_show_finance_answers_finance_result">
						<div class="finance_result_head clearfix">
							<h3 class="title">好车e贷</h3><i class="icon_title"></i>
							<div class="support-brand">支持品牌：
								<img alt="上汽大众" src="images/onlinefinance/loan/brand/b-WULING.png" />
								<img alt="斯柯达" src="images/onlinefinance/loan/brand/b-baojun.png" />
								<img alt="荣威" src="images/onlinefinance/loan/brand/b-buick.png" />
								<img alt="MG" src="images/onlinefinance/loan/brand/b-chevrolet.png" />
								<img alt="上汽大通" src="images/onlinefinance/loan/brand/b-cadillac.png" />
							</div>
						</div>
						<div class="get_loan_vouchers clearfix">
							<div class="get_long_card">
								<div class="left_loan_vochers get_quota">
									<p class="font_heading_two white">可贷额度(元)</p>
									<span id="finance_test_result" class="ccode_ma_show white">421,038</span>
								</div>
								<div class="center_loan_line"></div>
								<div class="right_loan_vochers">
									<span class="font_heading_two white">购车最低首付</span>
									<p><span class="ccode_ma_show white">25</span><span class="white font_heading_one">%</span></p>
								</div>
							</div>
							<div class="icon_logo_loan"></div>
							<div class="icon_label_loan"></div>
						</div>
					</div>
					<div class="font_heading_two visual_descr">
						<!--恭喜您，您只需要掏<span class="weight_bold base_orange">14.03万</span>就能买到裸车价值<span class="base_orange weight_bold">56.14万</span>的车(不含购置税、保险及其它费用) ，提高首付，更多好车等着您。申请贷款时请确保证明材料真实且与测试所填信息相同。<br>
						<a class="base_blue font_heading_three again">信息填错，重新填写？</a>
						<a class="base_blue font_heading_three offer_material">贷款申请材料</a>  -->
						<div class="font_heading_actions">
							<div class="font_share_box">
								<div class="font_share bdsharebuttonbox"><a class="bds_more" data-cmd="more"><i class="share"></i>分享</a></div>
							</div>
							<a class="base_blue">信息不准确，重新测试</a>
						</div>
						<div class="credit_actions success">
							<input type="button" value="立即领取" class="receive_btn" />
							<!--<p class="base_orange1 info">*此贷款权益由金融服务商好车e贷提供，适用车型品牌：</p>-->
						</div>
					</div>
				</div>
			</div>
			<!-- 显示额度结束 -->
			
		</div>
	</div>
	
	</div>
	<!-- end | 返回贷款额度-->
	
	<inline src="include-html/footer.html" />
	<inline src="include-html/sidebar.html" />
	
	
	
	<!-- 领取贷金券 start -->
	<script type="text/templete" id="loanVoucher">
	<div class="loan_dialog_wrap">
		<p class="voucher_tip">您已领取过贷款资格，重复领取将替换原贷款资格</p>
		<p class="voucher_tit">请填写您的身份信息，该信息只会用于我们帮您定制金融产品，不会以任何形式泄露给其他人员或机构</p>
		<form>
			<div class="form_item clearfix">
				<label><span class="mark">*</span>真实姓名</label>
				<input class="form_input realName" type="text" maxlength="10">
				<div class="tip">请填写您的真实姓名</div>
			</div>
			<div class="form_item clearfix">
				<label><span class="mark">*</span>身份证号码</label>
				<input class="form_input cardNum" type="text" maxlength="18" />
				<div class="tip">请填写18位身份证号</div>
			</div>
		
			<div class="clause_wrap">
				<label><input class="form_clause" id="formClause" name="formClause" type="checkbox" checked/>我已阅读并同意相关<a href="javascript:;">法律文书</a></label><br/>
				<label><input class="form_clause" id="formAgreement" name="formAgreement" type="checkbox" checked/>我已阅读并同意<a href="javascript:;">好车e贷网络服务协议</a></label>
			</div>
		
			<div class="loan_btn_wrap">
				<input class="loan_submit_btn disable" type="button" value="提交">
			</div>
		</form>
	</div>
	</script>
	<!-- 领取贷金券 end -->
	
	<script src="../common/js/lib/jquery_1_8_3.js"></script>
	
	<script src="../common/js/ecar/ECar.easyDialog.js"></script>
	
	<script src="js/public/suggest.js"></script>
	<script src="js/public/base.js"></script>
	<script src="js/public/common.js"></script>
	
	<script>
		var userId = "";
		if($("#head_userid").length > 0 && $("#head_userid").val().length > 0) {
			userId = "&uid="+$("#head_userid").val();
		}
			
		var home_url = $("#websiteRootUrl").val()+"/index.do?amount="+$("#finance_test_result").html()+userId;
		
		//百度分享的代码
		window._bd_share_config={
			"common":{
				"bdSnsKey":{},
				"bdText":"",
				"bdMini":"1",
				"bdMiniList":false,
				"bdPic":"",
				"bdStyle":"0",
				"bdSize":"24"
			},
			"share":{}
		};
		with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
		
		/*分享按钮的信息采集*/
		/*function shareInfoCollection(code,type) {
			var info_str = code+"|"+timeStamp2String()+"|pc|"+type;
			collectionInformation(info_str);
		}*/
		
		$(function(){
			 // 领取贷金券
	        $(".receive_btn").on("click",function(){
	        	var con = $("#loanVoucher").html();
	        	ECar.easyDialog.open({
					container : {
						header : '填写身份信息',
						content : con
					},
					success: function(){
						$(".easyDialog_footer").hide();
						var LOAN = {
							form_clause: $(".form_clause"), // 协议复选框
							id_clause: $("#formClause"), // 协议复选框
							id_agreement: $("#formAgreement"), // 协议复选框
							loan_submit_btn: $(".loan_submit_btn") // 提交按钮
						};
						
						LOAN.form_clause.on("click",function(){
							if(LOAN.id_clause.prop("checked") && LOAN.id_agreement.prop("checked")){
								LOAN.loan_submit_btn.removeClass("disable");
							}else{
								LOAN.loan_submit_btn.addClass("disable");
							}
						});
						
						// 提交
						LOAN.loan_submit_btn.on("click",function(){
							if(!LOAN.form_clause.prop("checked")){
								return false;
							}
							var $realName = $(".realName");
							var $cardNum = $(".cardNum");
							var realName = $realName.val();
							var cardNum = $cardNum.val();
							var namReg = /^([\u4e00-\u9fa5]+|([a-zA-Z]+\s?)+)$/;
							var cardReg = /(^\d{15}$)|(^\d{17}([0-9]|X)$)/;
							if(!namReg.test(realName)){
								$realName.focus();
								$realName.next(".tip").show();
								return false;
							}else if(!cardReg.test(cardNum)){
								$cardNum.focus();
								$cardNum.next(".tip").show();
								return false;
							}else{
								$realName.next(".tip").hide();
								$cardNum.next(".tip").hide();
							}
							
							// 提交数据
							
						});
					}
				});
	        });
		});
		
	</script>
</body>
</html>